<style>
    .modal-body ::-webkit-scrollbar {
        width: 10px;
    }
    .modal-body ::-webkit-scrollbar-thumb {
        background: #09C;
        border-radius: 4px;


    }
    .ui-menu {
        height: auto;
        max-height:30%;
    }





</style>

<div style="z-index: 1">

    <button class="btn-success btn btn-xs glyphicon glyphicon-saved" style="margin-left: 20px;" id="savetop">
	<span>保存布局</span>
	</button>
    <button class="btn-primary btn btn-xs  glyphicon glyphicon-hand-right" style="margin-left: 20px;" id="networkHelp">
	<span>初次使用必读</span>
</button>
</div>
<div id="canvas" style="margin-top: 30px;height: 90%;border:1px solid green;"></div>


<div style=";position: fixed;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;display:none ;z-index: 1004;" id="networkCommandDiv">

    <div class="modal "
         style="overflow:hidden;overflow-y:hidden;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;height: 100%;">
        <div class="modal-dialog" style="width:70%;height: 100%;">
            <div class="modal-content  " style="top:50px;;height: 600px;" >
                <div class="modal-header clearfix" style="padding: 10px;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <span class="glyphicon glyphicon-console " id="serverName" style="font-weight: bold;;">
                        <span>CheungSSH命令终端</span>
                    </span>
                    <span style="float:right;cursor: pointer;" id="closeCommandDiv">&times;</span>
                </div>


                <div class="modal-body" style=";">
                    <pre id="showCommandResult" class="form-control"
                              style="height: 450px;overflow: auto;font-family:华文;color:white;background:#293038;letter-spacing:2px;">登录中，请稍后...
                    </pre>
                </div>
                <div class="modal-footer">


                    <div class="input-group">
                        <input class="form-control ui-autocomplete-input" id="networkCommand" style="letter-spacing:1px;" autocomplete="off">
                        <span class="input-group-btn" >
		                    <button id="networkExecuteCommand" class=" btn btn-success" style="border-radius:0px;">
		                	    <span class="fa fa-spin fa-refresh"  ></span>
		                	    <span class=""  style="letter-spacing:5px;">执行</span>
		                    </button>
	                    </span>

                    </div>


                </div>
            </div>
        </div>
    </div>
</div>







<div id="showNetworkHelp"
     style="z-index: 1004;position: fixed;left: 0px;right: 0px;top:5%;margin: auto;display:none;">
    <div class="modal  "
         style="overflow: visible;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog" style="left: 0px; margin-top: 0px;padding:0px;padding-top: 0px;width:40%;">
            <div class="modal-content " >
                <div class="modal-header" style="cursor: move;">


                    <h4 class=" glyphicon glyphicon-filter " style="color: green;cursor:pointer;">帮助</h4>
                </div>

                <div class="modal-body">
                        <pre>
1、如果发现本页面不能显示拓扑内容，请您刷新浏览器后重试.
2、如果发现不能正常点击拓扑设备，请您刷新浏览器后重试.
			</pre>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="closeHelp" style="float:right;">知道了</button>
                </div>
            </div>
        </div>
    </div>
</div>
          







<script src="../js/network.js"></script>


